@import './variables.scss';
$default-font-size:18px;
$medium-font-size:16px;
$small-font-size:14px;
$mini-font-size:12px;
//el-table单元格文本最多显示两行，文本超过长度时省略
::v-deep .el-table .el-table__cell .cell{
  overflow:hidden !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

//el-button内文本单行显示，文本超出长度时省略
::v-deep .el-button{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

//隐藏el-table的横向滚动条
::v-deep .el-table .el-table__body-wrapper{
  // overflow-x:hidden !important;
}

//去除对话框上下内边距
::v-deep .el-dialog__body{
  padding:0 12px;
}

//去除卡片所有内边距
::v-deep .el-card__body{
  padding:0;
}


::v-deep .el-form-item.el-form-item--default input {
  font-size:$default-font-size;
}
::v-deep .el-form-item.el-form-item--medium input {
  font-size:$medium-font-size;
}
::v-deep .el-form-item.el-form-item--small input {
  font-size:$small-font-size;
}
::v-deep .el-form-item.el-form-item--mini input {
  font-size:$mini-font-size;
}

// 固定不同size下的el-form-item高度，解决不同表单控件在el-form-item中高度不一样的问题。
::v-deep .el-form-item--default {
  margin-bottom: $default-font-size;
  .el-form-item__content {
    height: 40px;
    font-size: $default-font-size;
  }
  .el-form-item__label{
    font-size: $default-font-size;
  }
}
::v-deep .el-form-item--medium {
  margin-bottom: $medium-font-size;
  .el-form-item__content .el-input__inner {
    font-size: $medium-font-size;
    height: 38px;
  }
  .el-form-item__label{
    font-size: $medium-font-size;
  }
}
::v-deep .el-form-item--small {
  margin-bottom: $small-font-size;
  .el-form-item__content .el-input__inner{
    font-size: $small-font-size;
    height: 33px;
  }
  .el-form-item__label{
    font-size: $small-font-size;
  }
}
::v-deep .el-form-item--mini {
  margin-bottom: $mini-font-size;
  .el-form-item__content .el-input__inner{
    font-size: $mini-font-size;
    height: 29px;
  }
  .el-form-item__label{
    font-size: $mini-font-size;
  }
}

//el-table的表头样式(4种size)
::v-deep .el-table.el-table--default table{
  th{
    font-size: $default-font-size;
  }
  td{
    font-size:$default-font-size;
  }
}
::v-deep .el-table.el-table--medium table{
  th{
    font-size: $medium-font-size;
  }
  td{
    font-size:$medium-font-size;
  }
}
::v-deep .el-table.el-table--small table{
  th{
    font-size: $small-font-size;
  }
  td{
    font-size:$small-font-size;
  }
}
::v-deep .el-table.el-table--mini table{
  th{
    font-size: $mini-font-size;
  }
  td{
    font-size:$mini-font-size;
  }
}

::v-deep .el-table table th{
  text-align: center;
}

// 去除el-table单元格中的el-form-item的外边距
::v-deep .el-table{
  .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
    margin-bottom: 0;
    margin-right: 0;
  }

  .el-form-item {
    margin-bottom: 0;
    margin-right: 0;
  }
}

//?解决el-table中fixed列用visibility隐藏元素，会被v-focus指令触发的问题
//?例如将el-select放入el-table-cell中，会弹出2个el-popper
//!此样式无法解决问题
// ::v-deep .el-table .el-table__cell.is-hidden > * {
//     display: none;
//     visibility: hidden;
// }



.little-margin-top{
  margin-top:18px;
}
.little-margin-bottom{
  margin-bottom:18px;
}

.tinny-margin-top{
  margin-top:10px;
}
.tinny-margin-bottom{
  margin-bottom:10px;
}

.card-form-padding{
  padding:15px 10px 0px 20px;
}
.card-padding{
  padding:10px 10px 10px 10px;
}

.card-title{
  min-width:425px;
  display: flex;
  align-items:center;
  justify-content: space-between;
}


.param-input{
  width: calc(100% - 12px);
}

.table-input{
  width:100%;
}

.param-btn{
  max-width: calc(100% - 12px);
}

.sugar-title{
  height: 46px;
  font-size: 16px;
  background-color: $light-blue;
  display: flex;
  align-items: center;
  i{
    padding-right:5px;
  }
}
